.blog__Card,
.blog__Detail__Wrapper {
    border-radius: var(--border-radius)
}

.blog__Card:hover .card__Image_Box::after,
.news__Card:hover .card__Image_Box::after {
    opacity: 1;
    visibility: visible
}

.NewsArticles .listingItem {
    --col: 3;
    display: grid;
    grid-template-columns: repeat(var(--col), 1fr);
    gap: 1.5rem
}

.blog__Header__Ttl {
    align-items: center !important;
    margin-bottom: 2rem
}

.main__Blog .listItem {
    gap: 2rem
}

.main__Blog .listItem .blog__Card {
    flex: 0 0 calc(33.333% - 1.34rem);
    max-width: calc(33.333% - 1.34rem);
    padding: 1rem 1rem 1.5rem;
    box-shadow: var(--box-shadow-md);
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.main__Blog .blog__Card__Img img {
    aspect-ratio: 2/1;
    object-fit: cover;
    border-radius: var(--border-radius-sm)
}

.main__Blog .blog__Card__Content {
    padding: 0
}

.main__Blog .blog__Card__Content__Ttl {
    margin-bottom: .75rem
}

.main__Blog .blog__Card__Content__Footer {
    margin-top: 1rem
}

.PagingTable [align=left],
.PagingTable a.hidden,
.PagingTable td span.hidden {
    display: none !important
}

.listItem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px
}

.tabid-21 .listItem {
    padding-bottom: calc(.6 * var(--main-space))
}

.listItem .blog__Card {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px)
}

.blog__Card {
    display: block;
    background-color: var(--white);
    box-shadow: var(--box-shadow-xs)
}

.blog__Card__Img img {
    width: 100%;
    border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
    max-height: 175px
}

.blog__Card__Content {
    padding: 1rem
}

.blog__Card__Content__Props {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

.blog__Card__Content__Props__Views {
    display: flex;
    align-items: center
}

.blog__Card__Content__Props__Views .ezIcon {
    width: 13px;
    height: 8px;
    min-width: 13px;
    min-height: 8px;
    margin-left: .5rem
}

.blog__Card__Content__Txt {
    --line-limit: 2;
    height: 52px
}

.blog__Card__Content__Txt p {
    margin: 0 !important
}

.ArticleView,
.blog__Card__Content__Txt h2,
.blog__Card__Content__Txt h3,
.blog__Detail_Content .col-lg-10 div.box2 .align-cen a::before,
.blog__Detail_Content .col-lg-10 div.box2 .align-cen div a::before {
    display: none
}

.blog__Card__Content__Footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px
}

.blog__Card__Content__Footer .ezIcon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem
}

.blog__Detail__Wrapper {
    background: var(--white);
    box-shadow: 0 0 40px rgb(12, 12, 12, 0.06);
    padding: 1.25rem 0 2.5rem
}

.blog__Detail__Header__Content {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    position: relative;
    justify-content: space-between;
}

.blog__Detail__Date {
    position: absolute;
    left: 0
}

.blog__Detail__Title {
    flex: auto;
    text-align: right;
}

.blog__Detail__Img {
    margin-bottom: 2.5rem;
    text-align: center;
    position: relative
}

.blog__Detail__Img img {
    border-radius: var(--border-radius-sm)
}

.blog__Detail_Content p {
    font-size: var(--fz-md) !important;
    line-height: var(--lh-lg) !important;
    font-weight: var(--fw-400) !important;
    color: var(--tc4) !important;
    margin-block: 0.5rem !important;
    text-align: justify;
}

.blog__Detail_Content p strong {
    font-weight: var(--fw-700) !important;
}

.blog__Detail_Content h2 {
    margin-bottom: 8px;
    margin-top: 24px;
}

.blog__Detail_Content h3 {
    margin-bottom: 5px;
    margin-top: 21px;
}

.blog__Detail_Content ul li {
    text-align: justify;
}

.video__Detail_Wrapper p {
    font-size: var(--fz-sm) !important
}

.video__Detail_Wrapper .blog__Detail_Content {
    --main-space: 72px
}

.blog__Detail_Content p span {
    color: var(--tc1) !important
}

.blog__Detail_Content h2,
.blog__Detail_Content h2 span {
    color: var(--mc2) !important
}

.blog__Detail_Content h2 {
    font-size: var(--fz-xl) !important;
    line-height: var(--lh-xl) !important;
    font-weight: var(--fw-600) !important;
    margin-bottom: 1rem !important;
    scroll-margin-top: -200px;
}

@media (max-width: 992px) {
    .blog__Detail_Content h2 {
        scroll-margin-top: -100px;
    }
}

.blog__Detail_Content h3,
.blog__Detail_Content h4 {
    font-size: var(--fz-md) !important;
    line-height: var(--lh-md) !important;
    font-weight: 600 !important;
    margin-block: 0.75rem !important;
    color: var(--primary-20) !important;
}

.blog__Detail_Content h3 strong {
    font-weight: 600 !important;
}

.blog__Detail_Content span[style*="color:#03c1f3"],
.table_of_content_wrapper .table_of_content li a:hover,
html .blog__Detail_Content .col-lg-10 div.pb-10.pl-20.pr-20.pt-10 h3[style*=color] {
    color: var(--mc1) !important
}

/* .blog__Detail_Content h3 {
    color: var(--mc2-fade-0) !important
} */

.blog__Detail_Content ul>li>h3 {
    display: inline
}

html .blog__Detail_Content .col-lg-10 div.pb-10.pl-20.pr-20.pt-10 span[style*=color] {
    color: var(--mc1-fade-1) !important
}

.blog__Detail_Content h4 {
    color: var(--mc2-fade-1) !important
}

.blog__Detail_Content p:has(img) {
    text-align: center;
    position: relative
}

.blog__Detail_Content p:has(img)::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    background: url(/portals/0/images/watermark.svg) center/contain no-repeat;
    width: 200px;
    height: 80px;
    opacity: .5;
    transform: translateX(-50%)
}

.blog__Detail_Content p :is(img, video) {
    border-radius: var(--border-radius-sm)
}

.blog__Detail_Content em {
    font-style: normal !important;
    background: linear-gradient(277deg, #89b6ff83 0, #3fcaba4d 90.89%);
}

.blog__Detail_Content ol,
.blog__Detail_Content ul {
    list-style: disc inside
}

.blog__Detail_Content :is(ul, ol)>li {
    margin-right: 0 !important;
    list-style: disc inside;
    font-size: var(--fz-md);
    line-height: var(--lh-lg);
    font-weight: var(--fw-400);
    color: var(--tc4);
    margin-bottom: 0 !important
}

.blog__Detail_Content ol>li {
    list-style: decimal inside
}

.blog__Detail_Content :is(ul, ol)>li:has(.fa-check) {
    list-style: none
}

.blog__Detail_Content ol li h5,
.blog__Detail_Content ol li p,
.blog__Detail_Content ul li h5,
.blog__Detail_Content ul li p {
    display: inline-block
}

.blog__Detail_Content ol li strong,
.blog__Detail_Content ul li strong {
    font-weight: var(--fw-400)
}

.blog__Detail_Content .col-lg-10 div:is([style*=background], .box2) {
    border-radius: var(--border-radius-sm);
    background-color: var(--mc1-fade-4) !important;
    padding: 1.25rem 1rem !important;
    border: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2rem 0
}

.blog__Detail_Content .col-lg-10 div.mb-20.ml-20.mr-20.mt-20 {
    background-color: var(--mc1-fade-5) !important
}

.blog__Detail_Content .col-lg-10 div.blueBg,
.blog__Detail_Content .col-lg-10 div.box2,
.blog__Detail_Content .col-lg-10 div.mb-20.ml-20.mr-20.mt-20,
.blog__Detail_Content .col-lg-10 div.pb-10.pl-20.pr-20.pt-10,
.blog__Detail_Content .col-lg-10 div.pb-30.pt-30,
.blog__Detail_Content .col-lg-10 div.pinkBg,
.blog__Detail_Content .col-lg-10 div.whiteBg {
    display: block !important
}

.blog__Detail_Content .col-lg-10 div.box2 .align-cen {
    flex-direction: column
}

.blog__Detail_Content .col-lg-10 div.box2 .align-cen p {
    margin-bottom: .5rem !important;
    padding: 0 !important
}

.blog__Detail_Content .col-lg-10 div.box2 .align-cen div {
    border-radius: 0 !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important
}

.blog__Detail_Content .col-lg-10 div p {
    margin-bottom: 0 !important
}

.blog__Detail_Content .col-lg-10 div a {
    font-size: var(--fz-lg);
    line-height: var(--lh-lg);
    font-weight: var(--fw-600);
    color: var(--mc2);
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    position: relative
}

.blog__Detail_Content .col-lg-10 div a.am-btn-03,
.blog__Detail_Content .col-lg-10 div a.am-btn-04 {
    --btn-accent: var(--white);
    --btn-bak: var(--mc1);
    background-color: var(--btn-bak);
    padding: .5rem 1rem;
    transition: var(--transition);
    white-space: nowrap;
    color: var(--btn-accent) !important;
    --icon-color: var(--btn-accent);
    border: solid 1px var(--btn-accent);
    border-radius: var(--border-radius-sm);
    margin: 1rem .25rem 0 !important;
    display: inline-block
}

.blog__Detail_Content .col-lg-10 div a::before {
    content: "";
    display: none;
    position: absolute;
    background: url(/portals/_default/skins/ez-skin/assets/icons/arrow-left.svg) center/contain no-repeat;
    left: -.25rem;
    top: 50%;
    transform: translate(-100%, -50%);
    width: 1.5rem;
    height: 1.5rem
}

.blog__Detail__Related {
    background: var(--mc1-fade-4);
    padding: calc(var(--main-space) * .5) 0;
    margin: calc(var(--main-space) * .5) 0
}

.blog__Detail__Related__Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem
}

.blog__Detail__Related__Header .ezIcon {
    rotate: 45deg;
    transition: 0.3s;
}

.blog__Detail__Related__Header .blog__Detail__Related__More:hover .ezIcon {
    rotate: 0deg;
}

.blog__Detail__Related__Slider .blog__Card_Related {
    margin: 0 .5rem
}

.blog__Detail__Related .slick-arrow {
    background: var(--white) !important;
    --arrow-accent: var(--mc1) !important
}

.blog__Detail__Related .slick-arrow:hover {
    background: var(--mc1) !important;
    --arrow-accent: var(--white) !important
}

.blog__Detail__Comment__Ttl {
    text-align: right;
    margin-bottom: 24px;
    margin-top: 2rem
}

.blog__Detail__Comment__Post input[type=text],
.blog__Detail__Comment__Post textarea {
    width: 100% !important;
    max-width: 100%;
    border: solid 1px var(--Gray-95) !important;
    border-radius: 10px;
    padding: .75rem;
    font-size: var(--fz-xs);
    transition: var(--transition);
    min-height: 48px;
    color: var(--tc4);
    resize: none;
    margin-bottom: 1rem
}

.blog__Detail__Comment__Post input[type=text]:focus,
.blog__Detail__Comment__Post textarea:focus {
    border-color: var(--primary-60) !important;
}

.blog__Detail__Comment__Item__Reply,
.blog__Detail__Comment__Post input[type=button] {
    width: fit-content;
    column-gap: calc(var(--gap) * 2);
    color: var(--btn-accent) !important;
    --icon-color: var(--btn-accent);
    display: flex;
    white-space: nowrap;
    transition: var(--transition)
}

.blog__Detail__Comment__Post input[type=button] {
    --btn-accent: var(--white);
    --btn-bak: var(--mc1);
    background-color: var(--btn-bak);
    padding: .625rem 3rem;
    align-items: center;
    justify-content: center;
    border: solid 1px var(--btn-accent);
    border-radius: 8px;
    transition: 0.3s;
}

.blog__Detail__Comment__Post input[type=button]:hover {
    background-color: var(--secondary-60);
}

.blog__Detail__Comment__Post #Notify {
    padding: 0 !important;
    margin-bottom: 0 !important
}

.blog__Detail__Comment__Post #Notify span.Normal {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.blog__Detail__Comment__Post .Normal {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 16px;
}

.blog__Detail__Comment__Post .Normal img {
    border-radius: 4px;
}

.blog__Detail__Comment__Post .Normal div {
    flex: 0 0 30%;
    text-align: center;
}

.blog__Detail__Comment__Post .Normal input {
    margin: 0;
}

.blog__Detail__Comment__Post #Notify span.Normal input {
    margin: 0 0 0 .5rem
}

.blog__Detail__Comment__Post {
    border-radius: var(--border-radius-sm);
    background: var(--white);
    box-shadow: var(--box-shadow-md);
    padding: 1rem 0;
    margin-bottom: 2.5rem
}

.blog__Detail__Comments {
    margin-bottom: calc(var(--main-space) * 1.75)
}

.blog__Detail__Comment__Post .col-lg-8 div.Normal img {
    border-radius: var(--border-radius-xs)
}

.blog__Detail__Comment__Post .col-lg-8 div.Normal div {
    margin: .375rem 0;
    color: var(--tc3);
    font-size: var(--fz-xs);
    line-height: var(--lh-xs);
    font-weight: var(--fw-400)
}

.blog__Detail__Comment__Post .col-lg-8 div.Normal {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    gap: 1rem
}

.blog__Detail__Comment__Post .col-lg-8 div.Normal input {
    width: 130px !important;
    min-height: 2.5rem !important;
    height: 2.5rem !important;
    margin-bottom: 0 !important
}

.blog__Detail__Comment__Item {
    border-radius: var(--border-radius);
    background: var(--mc1-fade-5);
    box-shadow: var(--box-shadow-md);
    padding: 2rem;
    margin-bottom: var(--title-space) !important
}

.blog__Cats__Ttl,
.blog__Detail__Comment__Item__Content {
    margin-bottom: 1rem
}

.blog__Detail__Comment__Item__Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

.blog__Detail__Comment__Item__Btns {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog__Detail__Comment__Item__Reply {
    --btn-accent: var(--mc2);
    --btn-bak: var(--white);
    background-color: var(--btn-bak);
    padding: 2px 2.375rem;
    align-items: center;
    justify-content: center;
    border: none !important;
    border-radius: var(--border-radius-xs)
}

.blog__Detail__Comments .paginationjs-pages ul {
    display: flex;
    gap: 1rem
}

.blog__Detail__NoComment {
    border-radius: var(--border-radius);
    background: var(--mc1-fade-5);
    box-shadow: var(--box-shadow-md);
    padding: 2rem
}

.blog__Detail__NoComment__Txt img {
    margin-left: 1rem;
    width: 1.5rem;
    height: 1.5rem
}

#articleSearchFormSmall {
    width: 100%;
    /* height: 3rem; */
    /* margin-top: 2rem */
}

.main__Blog {
    margin-top: 2.5rem
}

.rtl #articleSearchFormSmall input[type=text] {
    width: 60%;
    height: 3rem;
    line-height: normal;
    color: var(--tc2);
    font-size: var(--fz-sm);
    font-weight: var(--fw-400);
    padding-right: .75rem;
    border-radius: 0 var(--border-radius-sm) var(--border-radius-sm) 0;
    border: 1px solid var(--tc2);
    background: var(--White);
    box-shadow: var(--box-shadow-xs)
}

.rtl #articleSearchFormSmall input[type=submit] {
    background-color: var(--mc1);
    background-image: url(/portals/_default/skins/ez-skin/assets/icons/search-2.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center;
    -webkit-appearance: none;
    border: none;
    font-size: 0 !important;
    border-radius: var(--border-radius-sm);
    width: 4.5rem;
    height: 3rem;
    padding: 12px 24px;
    transform: translateX(.5rem)
}

.news__Card,
.news__Card__Img img {
    border-radius: var(--border-radius-sm)
}

#dnn_ctr611_NewsSearch_pnlSearch {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative
}

/* #wrap.tabid-41 .row {
    align-items: flex-end
} */

.blog__Cats {
    text-align: center
}

.blog__Cats__List {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--bw-fade-3);
    white-space: nowrap;
    overflow-x: auto
}

.blog__Cats__List__Item {
    position: relative
}

.blog__Cats__List__Item.active::before {
    content: "";
    display: block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%, 100%);
    border-radius: var(--border-radius);
    background: var(--mc1);
    height: 3px;
    width: 50%
}

.blog__Cats__List::-webkit-scrollbar {
    width: 2px
}

.blog__Cats__List::-webkit-scrollbar-track {
    background: #f1f1f1
}

.blog__Cats__List::-webkit-scrollbar-thumb {
    transition: var(--transition);
    background: var(--mc1-fade-2)
}

.listItem.listItem__News {
    gap: 12px
}

.listItem .news__Card {
    flex: 0 0 calc(25% - 9px);
    max-width: calc(25% - 9px)
}

.news__Card {
    display: block;
    background-color: var(--white);
    box-shadow: var(--box-shadow-xs);
    padding: .5rem .375rem 1rem
}

.news__Card__Img img {
    width: 100%
}

.news__Card__Content {
    padding: 0 .5rem
}

.news__Card__Content__Props {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .75rem;
    margin-top: .5rem
}

.news__Card__Content__Ttl,
.news__Card__Content__Txt {
    --line-limit: 2;
    height: 50px
}

.news__Card__Content__Props__Views {
    display: flex;
    align-items: center
}

.news__Card__Content__Props__Views .ezIcon {
    width: 13px;
    height: 8px;
    min-width: 13px;
    min-height: 8px;
    margin-left: .5rem
}

.NewsArticles #articleSearchForm,
.news__Card__Content__Txt h2 {
    display: none
}

.news__Card__Content__Footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem
}

.news__Card__Content__Footer .ezIcon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem
}

.card__Image_Box>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.news__Card_Summary {
    --line-limit: 2;
    height: 56px;
    line-height: 28px
}

.news__Card_TitleBox {
    --icon: 20px
}

.blog__Detail__NoComment__Txt {
    text-align: justify
}

.edn_category_menu_wrapper {
    flex-wrap: wrap
}

@media (max-width: 991px) {
    .EDN_module_box.edNews_additionalCards.tab-links {
        position: relative
    }

    .scroll_Buttons.right {
        right: -8px;
        left: auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .scroll_Buttons.left {
        left: -8px;
        right: auto;
        top: 50%;
        transform: translateY(-50%)
    }

    .scroll_Buttons.right .ezIcon {
        transform: rotate(90deg)
    }

    .scroll_Buttons.left .ezIcon {
        transform: rotate(-90deg)
    }

    html body .edn_category_menu_wrapper {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 1rem !important;
        margin-inline: 1rem;
        justify-content: start !important
    }

    .tab-links li .edn_image {
        min-width: 42px
    }

    .tab-links li.active .edn_image {
        padding: 8px !important
    }

    .tab-links li .edn_link {
        white-space: nowrap;
        font-size: 12px
    }

    .blog__Card__Content__Footer,
    .edNews_defaultList,
    .news__Card__Content__Footer {
        margin-top: 1rem !important
    }

    .edn_category_menu_wrapper {
        justify-content: center !important
    }

    .blog__Detail__Comments {
        margin-bottom: 1rem;
        padding: 0 !important
    }

    .blog__Detail__Comment__Post,
    .blog__Detail__Wrapper {
        background: 0 0 !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin-inline: auto;
        width: 90%;
    }

    .blog__Detail__Header__Content {
        flex-wrap: wrap
    }

    .blog__Detail__Cat {
        flex: 0 0 100%;
        margin-bottom: 2px
    }

    .blog__Detail__Title {
        flex: auto;
        text-align: right
    }

    .blog__Detail__Date {
        position: static;
        flex: auto;
        text-align: left
    }

    .blog__Cats {
        margin-top: 2rem
    }

    .rtl #articleSearchFormSmall input[type=text] {
        width: 100%
    }

    .blog__Card__Content__Txt {
        height: 40px
    }

    .main__Blog .listItem {
        gap: 1rem
    }

    .listItem .blog__Card {
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .blog__Card__Content__Footer__Date,
    .blog__Card__Content__Props__CatName,
    .blog__Card__Content__Props__Views p,
    .blog__Card__Content__Txt,
    .news__Card__Content__Footer__Date,
    .news__Card__Content__Props__CatName,
    .news__Card__Content__Props__Views p,
    .news__Card__Content__Txt {
        font-size: 12px !important
    }

    .blog__Card__Content__Props,
    .blog__Card__Content__Ttl,
    .news__Card__Content__Props,
    .news__Card__Content__Ttl {
        margin-bottom: 1rem !important
    }

    .NewsArticles .listingItem {
        --col: 2
    }

    .listItem {
        flex-wrap: wrap !important
    }

    .listItem__News .slick-list {
        margin: 0 -.5rem
    }

    .listItem__News .news__Card {
        margin: 0 .5rem;
        flex: 0 0 100% !important
    }
}

@media (max-width: 575px) {
    .NewsArticles .listingItem {
        --col: 1
    }
}

.portfolio__Cat__Item.active .portfolio__Cat__Icon {
    background-color: var(--mc2)
}

.portfolio__Cat__Item.active .portfolio__Cat__Icon img {
    filter: invert(100%) sepia(10%) saturate(13%) hue-rotate(117deg) brightness(125%) contrast(100%)
}

.services__Web__Faq__Ttl span::before {
    width: 100% !important;
    height: 9px !important;
    transform: translateY(.5rem) !important
}

.service__WebDesign_Exclusive__Cards_Seo .service__WebDesign_Exclusive__Card {
    min-height: 216px !important
}

.service__WebDesign__Cta_Duty_Wordpress {
    margin-top: calc(var(--main-space) * .5)
}

.back__Top {
    width: 3rem;
    height: 3rem;
    background: var(--mc1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 2rem;
    bottom: 2rem;
    cursor: pointer;
    box-shadow: var(--box-shadow-md)
}

.back__Top .ezIcon {
    transform: rotate(90deg)
}

.table_of_content_wrapper {
    padding: 32px;
    border-radius: 16px;
    box-shadow: 0 0 40px rgb(12, 12, 12, 0.06);
    background-color: #FFF;
}

.table_of_content_wrapper .table_of_content_title {
    color: var(--secondary-30);
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 24px;
}

.table_of_content_wrapper .table_of_content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px
}

.table_of_content_wrapper .table_of_content li {
    list-style-type: none !important;
    position: relative;
    padding-right: 24px
}

.table_of_content_wrapper .table_of_content li a {
    font-size: 14px;
    font-weight: 500;
    color: #495566 !important
}

.table_of_content_wrapper .table_of_content li::before {
    content: ".";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(90deg);
    width: 1.5rem;
    height: 1.5rem;
    background: #495566;
    mask: url(./Images/Chevdown.svg) no-repeat center;
    mask-size: cover;
    -webkit-mask: url(./Images/Chevdown.svg) no-repeat center;
    -webkit-mask-size: cover
}

.PagingTable {
    /* display: flex;
    justify-content: center; */
    width: unset !important;
    /* margin-top: var(--title-space)!important;
    margin-bottom: var(--main-space)!important; */
    height: fit-content !important;
    background: 0 0 !important;
    margin-bottom: 0 !important;
}

.PagingTable [align=right] {
    /* display: flex; */
    align-items: center;
    gap: .25rem
}

.PagingTable a,
.PagingTable td span {
    color: var(--tc3) !important;
    font-size: var(--fz-sm) !important;
    font-weight: var(--fw-600) !important;
    border-radius: var(--border-radius) !important;
    height: 2.5rem !important;
    min-width: 2.5rem !important;
    line-height: normal !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    transition: var(--transition);
    background-color: #fff0
}

.PagingTable tbody tr td:last-child span.active {
    color: #fff !important;
    background-color: var(--mc1)
}

.PagingTable a:hover {
    background-color: var(--mc1-fade-4)
}

:is(.PagingTable td span, .PagingTable a):is( :nth-child(2), :nth-last-child(2)) {
    background-color: unset !important;
    font-size: 0 !important;
    --icon-color: var(--mc1-fade-1);
    --icon: 1.5rem;
    --icon-url: url(./images/icons/chevDown.svg);
    --icon-rotate: calc(-90deg) !important
}

:is(.PagingTable td span, .PagingTable a):is(:nth-child(2), ) {
    --icon-rotate: calc(90deg) !important
}

:is(.PagingTable td span, .PagingTable a):is( :nth-child(2), :nth-last-child(2)):is(span) {
    --icon-color: var(--mc1-fade-3)
}

:is(.PagingTable td span, .PagingTable a):is( :nth-child(2), :nth-last-child(2)):is(a):hover {
    --icon-color: var(--mc1)
}

:is(.PagingTable td span, .PagingTable a):is( :nth-child(2), :nth-last-child(2))::after {
    content: "";
    height: var(--icon);
    width: var(--icon);
    min-width: var(--icon);
    min-height: var(--icon);
    display: inline-flex;
    background: var(--icon-color);
    mask: var(--icon-url) no-repeat center/cover;
    -webkit-mask: var(--icon-url) no-repeat center/cover;
    transition: all var(--transition);
    -webkit-transition: all var(--transition);
    rotate: var(--icon-rotate, 0deg)
}

:is(.PagingTable td span, .PagingTable a):is(:first-child, :last-child) {
    display: none !important
}

.blog__Card__Content_Header.active {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

.paging_Wrapper {
    display: flex;
    gap: 14px;
    justify-content: center;
    margin-block: 32px;
}

.paging_Wrapper .ezIcon {
    --icon: 36px;
    background: #6ca2fd;
}

.pagingname {
    color: #64748b;
    transform: translateY(4px);
}

@media (max-width:992px) {
    .paging_Wrapper {
        margin-block: 0;
        margin-top: 32px;
    }
}

.blog__Detail__Wrapper table {
    width: 100% !important;
}

.blog__Detail__Wrapper table tr:nth-child(2n) {
    background-color: var(--Gray-99)
}

.blog_Sidebar_Wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    transition: top 0.3s;
}

body.personabar-visible .blog_Sidebar_Wrapper{
    position: relative !important;
}

.blog_Sidebar_Wrapper.fixed {
    right: calc(50% - 672px);
}

.blog_Sidebar_Wrapper.fixed.toUp {
    top: 60px !important;
}

.blog_Sidebar_Wrapper.stop {
    right: 0;
}

.sidebar_Info_Wrapper {
    border-radius: 16px;
    box-shadow: 0 0 40px rgb(12, 12, 12, 0.06);
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #FFF;
}

.info_List {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 32px;
    border-bottom: 1px solid var(--Gray-99);
}

.info_Header {
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-30);
}

.info_Item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.info_Title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info_Title .ezIcon {
    --icon: 20px !important;
    --icon-color: var(--primary-60);
}

.info_Title p {
    font-size: 12px;
    font-weight: 600;
    color: var(--Gray-60);
}

.rating_Wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rating_Wrapper img {
    width: 30%;
    height: 20px;
    object-fit: cover;
}

.with_Ez_Wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.with_Ez_Header {
    position: relative;
}

.with_Ez_Header::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: var(--Gray-99);
    top: 50%;
    left: 0;
    z-index: 0;
}

.with_Ez_Header p {
    width: max-content;
    font-size: 16px;
    font-weight: 600;
    color: var(--secondary-30);
    z-index: 1;
    position: relative;
    padding-inline-end: 16px;
    background-color: #FFF;
}

.with_Ez_Item {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 0 40px rgb(12, 12, 12, 0.06);
}

.with_Ez_Item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.with_Ez_Title {
    position: absolute;
    bottom: 30px;
    right: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #FFF;
    z-index: 1;
}

.with_Ez_Title .ezIcon {
    --icon-color: #FFF;
    rotate: -90deg;
    transition: 0.3s;
}

.with_Ez_Item:hover .with_Ez_Title .ezIcon {
    transform: translateY(-6px);
}

.with_Ez_Title_Bg {
    background: linear-gradient(277deg, #0a67fcd0 0, #0bb7a3c5 90.89%);
    height: 222px;
    width: 494px;
    rotate: -31deg;
    position: absolute;
    bottom: -118px;
    right: -116px;
    z-index: -1;
    backdrop-filter: blur(2px);
    transition: 0.3s;
}

.with_Ez_Title_Bg::before {
    content: "";
    background: linear-gradient(277deg, #0a67fc 0, #0bb7a3 60.89%);
    height: 222px;
    width: 494px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    backdrop-filter: blur(2px);
    transition: 0.3s;
    opacity: 0;
}

.with_Ez_Item:hover .with_Ez_Title_Bg::before {
    opacity: 1;
}

.blog_Row {
    justify-content: end;
    position: relative;
}

@media (max-width: 992px) {
    .with_Ez_Wrapper {
        display: none;
    }
}

.blog__Detail .slick-slide {
    margin-left: 20px
}

.blog__Detail .slick-arrow {
    background: #FFF !important;
}

.blog__Detail .slick-arrow:hover {
    background: var(--mc1) !important;
}

.blog__Detail__Comment__Post {
    border-radius: 16px;
    background: #f7f7f9;
    box-shadow: none !important;
    padding: 40px;
}

.consult_Wrapper {
    border-radius: 16px;
    background: #f7f7f9;
    box-shadow: none !important;
    padding: 30px;
    margin-top: 60px;
}

.consult_Header {
    color: var(--tc1);
    text-align: right;
    font-weight: 600;
    position: relative;
    padding-right: 48px;
    border-bottom: none;
    margin-bottom: 1rem;
    padding-bottom: 0;
    font-size: 24px;
    line-height: 48px;
}

.consult_Text {
    font-style: normal;
    color: #545960;
    font-size: 14px;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 2rem;
}

.consult_Btn {
    background: var(--mc1);
    padding: 12px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #FFF !important;
    transition: 0.3s;
    font-size: 14px;
    font-weight: 400;
    --icon-color: #FFF;
    width: max-content;
    border-radius: 10px;
}

@media  (max-width: 992px) {
    .consult_Btn {
        margin-bottom: 32px;
    }

    .consult_Wrapper {
        padding: 32px 20px;
    }

    .consult_Wrapper .col-lg-4 {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .consult_Wrapper .col-lg-4 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .blog__Detail .slick-slide {
        margin: 0;
    }
}


.consult_Btn .ezIcon {
    transition: 0.3s;
}

.consult_Btn:hover .ezIcon {
    transform: translateX(-4px);
}

.blog__Detail table {
    /* overflow: hidden; */
    border-radius: 16px;
    border: 1px solid transparent !important;
    position: relative;
    z-index: 1;
    border-spacing: collapse;
}

.blog__Detail table::before {
    content: "";
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid var(--Gray-90);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% + 2px);
    width: calc(100% + 2px);
    z-index: 0;
}

.blog__Detail table tr:first-child td:first-child {
    border-top-right-radius: 10px;
}

.blog__Detail table tr:first-child td:last-child {
    border-top-left-radius: 10px;
}

.blog__Detail table tr:last-child td:first-child {
    border-bottom-right-radius: 10px;
}

.blog__Detail table tr:last-child td:last-child {
    border-bottom-left-radius: 10px;
}

.blog__Detail table tr:first-child td {
    background-color: var(--primary-20);
}

body .blog__Detail table tr:first-child td p {
    color: #FFF !important;
    font-weight: 600;
    padding-right: 16px;
}

body .blog__Detail table tr td p {
    text-align: right;
    margin-block: 8px;
    padding-right: 16px;
}

body .blog__Detail table tr td {
    position: relative;
}

body .blog__Detail table tr td:not(:first-child)::before {
    content: "";
    background-color: var(--Gray-90);
    height: 60%;
    width: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}